<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我要发布</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../../css/bootstrap.css" rel="stylesheet"/>
    <link href="../../css/bootstrap-theme.css" rel="stylesheet"/>
    <link href="../../css/bootstrap-datetimepicker.min.css" rel="stylesheet" /><!--日期控件所需的样式表-->
    <link href="../../css/font-awesome.min.css" rel="stylesheet"/>
     <link href="../../css/iosSelect.css" rel="stylesheet">
    <link href="../../css/head-common.css" rel="stylesheet"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
      <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
      .modal-dialog{margin:50px;text-align:center; }
      .modal-title{font-weight: bold;}
      .modal-header{border-bottom: 0px;}
      .modal-footer{text-align: center;padding:0px;}
      .modal-body{padding:10px;}
      .btn{font-size: 18px;}
      .color{color:#ccc;}
      .modal-footer .border{border-right:1px solid #ccc}
      .padding{padding:6px 35px;}
      .form-group span{font-size: 16px;}
    </style>
</head>
<body class="background">
  <!-- head -->
        
  <!-- head end -->
    
    <!-- center-content  -->
    <div style="width:100%;">
          <form >
                <div class="form-inline" style="padding-top:20px;">
                    <div class="form-group">
                        <label class="labelWidth">求助人群:</label>
                        <select class="form-control width55">
                           <option>助老</option>
                           <option>助残</option>
                           <option>留守学生</option>
                           <option>贫困学生</option>
                           <option>贫困人群</option>
                           <option>其他</option>
                        </select>
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">求助类型:</label>
                         <select class="form-control width55">
                           <option>款项</option>
                           <option>衣物</option>
                           <option>学习用品</option>
                           <option>其他</option>
                        </select>
                    </div>
                </div>
                <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">求助名称:</label>
                        <input type="text" class="form-control width55" id="name" placeholder="20个字以内">
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">发起人组织（人）:</label>
                        <input type="text" class="form-control width55" id="name" placeholder="20个字以内">
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">所属单位（组织）:</label>
                        <select class="form-control width55">
                           <option>凉井社区党委</option>
                           <option>马家河社区党委</option>
                        </select>
                    </div>
                </div>
                <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">联系人:</label>
                        <input type="text" class="form-control width55" id="name" placeholder="10个字以内">
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">联系电话:</label>
                        <input type="text" class="form-control width55" id="name" placeholder="固定为11个数字">
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">地点:</label>
                        <input type="text" class="form-control width55" id="name" placeholder="30个字以内">
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">求助描述（用途说明）:</label>
                        <textarea class="form-control" rows="3" style="width:90%;margin-left:20px"></textarea>
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">求助金额(数量):</label>
                        <input type="text" class="form-control width55" id="name" placeholder="数字，可支持小数点后两位">
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">求助有效期:</label>
                        <input type='text' class="form-control width55" id="showDate" />
                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth" style="height:60px;line-height:70px;">图片:</label>
                         <div class="line_pro_3" style="width:200px;">
                              <input id="imageFile_0" index="0" type="file" name="imageFile" onchange="imageFileChange(this);" style="visibility:hidden;height: 0;">
                              <ul class="pic_list_0 pic_list"></ul>
                              <div class="add_picture">
                                  <p class="add_picture_p" imagefile="imageFile_0" id="add_picture_0" key="1" onclick="addPictureP(this);">
                                  <span class="pic"></span>
                                  </p>
                              </div>
                        </div>

                    </div>
                </div>
                 <div class="form-inline">
                     <div class="form-group">
                        <label class="labelWidth">备注说明:</label>
                        <textarea class="form-control" rows="3" style="width:90%;margin-left:20px"></textarea>
                    </div>
                </div>
                 <div class="form-inline">
                    <div style="width: 100%;text-align: center">
                        <a type="button" class="btn btn-success" style="width: 90%;" data-toggle="modal" data-target="#myModal">确认发布</a>
                    </div>
                </div>
            </form>
             <!-- 模态框（Modal） -->
          <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                  <div class="modal-content">
                      <div class="modal-header">
                          <!--模态框（Modal）标题 -->
                          <h4 class="modal-title" id="myModalLabel">发布确认</h4>
                      </div>
                      <div class="modal-body">
                       <div style="font-size: 16px;">
                          确认要发布该信息吗？
                       </div>
                       <div class="form-inline">&nbsp;</div>
                      </div>
                      <div class="modal-footer">
                          <a type="button" class="btn color border padding" data-dismiss="modal">取消</a>
                          <a type="button" class="btn btn-t-c" href='registrationSuccess.html'>确定</a>
                      </div>
                  </div><!-- /.modal-content -->
              </div><!-- /.modal -->
          </div>
          <!-- 模态框（Modal） -->
                                  
    </div>
       
    <!-- center-content end -->
     
    <!-- footer  -->
   
    <!-- footer -->
    <script type="text/javascript" src="../../js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.js"></script><!--日期控件所需的js -->
    <script type="text/javascript" src="../../js/locales/bootstrap-datetimepicker.zh-CN.js"></script><!--弹出日历里面 显示的文字 -->
    <script type="text/javascript" src="../../js/common.js"></script>
    <script type="text/javascript" src="../../js/jquery.ajaxfileupload.js"></script>
    <script type="text/javascript" src="../../js/image_crop_assess.js"></script>
    <script type="text/javascript"  src="../../js/zepto.js"></script>
    <script type="text/javascript"  src="../../js/iosSelect.js"></script>
    <script type="text/javascript">
        $(function(){
            iosSelect3('showDate');
        })
    </script>
</body>
</html>